<template>
  <ul class="app-header-nav">
    <li class="home"><RouterLink to="/">首页</RouterLink></li>
    <li v-for="item in result" :key="item.id">
      <a href="#">{{ item.name }}</a>
      <div class="layer">
        <ul>
          <li v-for="subitem in item.children" :key="subitem.id">
            <a href="#">
              <img :src="subitem.picture" alt="" />
              <p>{{ subitem.name }}</p>
            </a>
          </li>
        </ul>
      </div>
    </li>
  </ul>
</template>

<script>
export default {
  name: 'AppHeaderNav',
  setup () {
    const str =
      '{"msg":"操作成功","result":[{"id":"1005000","name":"居家","picture":"http://yjy-xiaotuxian-dev.oss-cn-beijing.aliyuncs.com/picture/2021-05-06/201516e3-25d0-48f5-bcee-7f0cafb14176.png","children":[{"id":"1005009","name":"茶咖酒具","picture":"https://yanxuan.nosdn.127.net/3102b963e7a3c74b9d2ae90e4380da65.png?quality=95&imageView","children":null,"goods":null},{"id":"1007000","name":"水具杯壶","picture":"https://yanxuan.nosdn.127.net/45b50d5f8afbd6fdef97314647dcb7db.png?quality=95&imageView","children":null,"goods":null},{"id":"1017000","name":"宠物食品","picture":"https://yanxuan.nosdn.127.net/b42a85ef15f856081ea9f49e5f6893e2.png?quality=95&imageView","children":null,"goods":null},{"id":"109248004","name":"宠物用品","picture":"https://yanxuan.nosdn.127.net/e766b09029ca00680d1e651b5cdc42bd.png?quality=95&imageView","children":null,"goods":null}],"goods":[{"id":"1028010","name":"圆润大肚流线型耐热玻璃凉水壶","desc":"1.25L容量，耐冷耐热，通透好用","price":"79.00","picture":"https://yanxuan-item.nosdn.127.net/235326170a18f9b220a10928208336c5.png","discount":null,"orderNum":null},{"id":"1035005","name":"不烫手的茶杯双层隔热茶水杯绿茶杯","desc":"360°赏茶汤，100℃不烫手","price":"49.00","picture":"https://yanxuan-item.nosdn.127.net/a67e6f85a4fc128ab3a2efad5279ca15.png","discount":null,"orderNum":null},{"id":"1037001","name":"热销30w+清洗不用愁简约陶瓷马克杯","desc":"优质炫瓷，不易留渍","price":"19.90","picture":"https://yanxuan-item.nosdn.127.net/f356d90bcf6443a95bc44a039a0b26b0.png","discount":null,"orderNum":null},{"id":"1039037","name":"匠心手工羊脂玉白茶具礼盒6件套","desc":"礼盒套装，送礼佳品","price":"339.00","picture":"https://yanxuan-item.nosdn.127.net/9208f2df07d79dd39fb9f5eaf9ca95c6.png","discount":null,"orderNum":null},{"id":"1109023","name":"真空红酒瓶塞带计时功能升级款","desc":"保鲜浪漫，留住口感","price":"29.90","picture":"https://yanxuan-item.nosdn.127.net/4a9f4a6deefc5f3ea9f0456fe197a4d4.jpg","discount":null,"orderNum":null},{"id":"1145018","name":"喝水也要好心情日本美浓烧和蓝系列马克杯","desc":"妙趣横生，经久耐用","price":"55.00","picture":"https://yanxuan-item.nosdn.127.net/f6227a607e93db11b2d4c307aa2dc370.png","discount":null,"orderNum":null},{"id":"1146000","name":"让全家人喝上甜甜的水黑科技镁离子净水壶","desc":"德国净水黑科技，3.3L大容量","price":"178.00","picture":"https://yanxuan-item.nosdn.127.net/c09706c1e85dd2f5c9886b4f3e0cbbf0.png","discount":null,"orderNum":null},{"id":"1146001","name":"四重过滤添加矿物质镁离子滤芯","desc":"补充镁离子，改善口感","price":"169.00","picture":"https://yanxuan-item.nosdn.127.net/36cecf28c2cf52c59632e81ca8d59234.png","discount":null,"orderNum":null},{"id":"1318002","name":"每一口都有七种肉，全价猫粮1.8千克","desc":"多肉零谷物，升级低便臭配方","price":"9.90","picture":"https://yanxuan-item.nosdn.127.net/c7624da2f7763bbdf275ed09c1aa58de.jpg","discount":null,"orderNum":null}]},{"id":"1005002","name":"美食","picture":"http://yjy-xiaotuxian-dev.oss-cn-beijing.aliyuncs.com/picture/2021-05-06/cf82e5b4-bf1b-4c68-aa86-96f66e8e5282.png","children":[{"id":"1008014","name":"网易黑猪","picture":"https://yanxuan.nosdn.127.net/79b904ccd106d3875a90d4430f2e8ad2.png?quality=95&imageView","children":null,"goods":null},{"id":"109206009","name":"水产海鲜","picture":"https://yanxuan.nosdn.127.net/cc361cf40d4f81c7eccefed1ad18face.png?quality=95&imageView","children":null,"goods":null},{"id":"109206010","name":"全球美食","picture":"https://yanxuan.nosdn.127.net/c11f5457dfb38e76f60100c87ecdf0cd.png?quality=95&imageView","children":null,"goods":null},{"id":"109264009","name":"冷冻冷藏","picture":"https://yanxuan.nosdn.127.net/fe8e9c985d538cc1c1ced011a67ffe69.png?quality=95&imageView","children":null,"goods":null}],"goods":[{"id":"1113021","name":"网易味央黑猪肉银卡（双月赏味）","desc":"安心好肉双月赏味","price":"698.00","picture":"https://yanxuan-item.nosdn.127.net/79b020815834c30d7aaf191e5e59ef24.jpg","discount":null,"orderNum":null},{"id":"1127037","name":"网易味央黑猪肉黑卡（全年至味）","desc":"全年至味，品质追求","price":"3968.00","picture":"https://yanxuan-item.nosdn.127.net/139aafcf2a8a2486496f4e2a4a226ad4.jpg","discount":null,"orderNum":null},{"id":"1435014","name":"原汁原味根根酥脆泰国香脆椰子卷16g*12","desc":"泰国新鲜椰汁制作，根根酥脆","price":"29.00","picture":"https://yanxuan-item.nosdn.127.net/90cd2aeb3208a28c51a76111cd40e2d3.png","discount":null,"orderNum":null},{"id":"1635010","name":"澳大利亚脱脂高钙奶粉30克*16条","desc":"澳洲进口优质奶粉，营养加倍","price":"109.00","picture":"https://yanxuan-item.nosdn.127.net/d062f469d3285157b9052bfd37d9fd57.jpg","discount":null,"orderNum":null},{"id":"1667022","name":"料理界液体黄金西班牙特级初榨橄榄油750ml","desc":"清凉透亮多功能，升级料理体验","price":"69.00","picture":"https://yanxuan-item.nosdn.127.net/f3498584f3182407eb9d762157bf36a8.png","discount":null,"orderNum":null},{"id":"1675046","name":"巧克力王国浓情比利时巧克力礼盒装205克","desc":"一口丝滑，尽享巧克力王国的浓情风味","price":"139.00","picture":"https://yanxuan-item.nosdn.127.net/e529b6ab111ade9da9314867f98d360f.png","discount":null,"orderNum":null},{"id":"3438005","name":"全蟹熬制，拌面小能手，满满蟹粉200g*1罐","desc":"活蟹鲜拆，主厨配方","price":"125.00","picture":"https://yanxuan-item.nosdn.127.net/e82a55331662629e5ed0b932a9d286be.jpg","discount":null,"orderNum":null},{"id":"3534021","name":"网易味央黑猪肉金猪卡（季度甄选）","desc":"季度臻选尊享美味","price":"1028.00","picture":"https://yanxuan-item.nosdn.127.net/40fb4c40fc750025ea669a482e03ac29.jpg","discount":null,"orderNum":null},{"id":"3537027","name":"泰国原装进口多口味豆奶300毫升*6瓶","desc":"滴滴香浓，清甜不腻人","price":"28.90","picture":"https://yanxuan-item.nosdn.127.net/6927091deefa56c5538563a2f482a85c.png","discount":null,"orderNum":null}]},{"id":"1010000","name":"服饰","picture":"http://yjy-xiaotuxian-dev.oss-cn-beijing.aliyuncs.com/picture/2021-05-06/33e1f5de-0fdb-4cfa-9ba9-781233024b53.png","children":[{"id":"109294011","name":"室外拖鞋","picture":"https://yanxuan.nosdn.127.net/57e4f01648100ec94c7bfee35171fdcb.png?quality=95&imageView","children":null,"goods":null},{"id":"109294012","name":"春夏潮鞋","picture":"https://yanxuan.nosdn.127.net/3f32a302a4cb4afe7d5d89b666566e60.png?quality=95&imageView","children":null,"goods":null},{"id":"109296001","name":"飞织系列","picture":"https://yanxuan.nosdn.127.net/b9e005aef67f1a93828847b071114296.png?quality=95&imageView","children":null,"goods":null},{"id":"109296002","name":"一脚蹬懒人系列","picture":"https://yanxuan.nosdn.127.net/cc2470afdf28b9a84639703b592da6f7.png?quality=95&imageView","children":null,"goods":null}],"goods":[{"id":"1147023","name":"两带式软木拖鞋","desc":"鞋杯随脚型而变，舒适呵护","price":"55.90","picture":"https://yanxuan-item.nosdn.127.net/ded4b153a0878527dcee27981c389929.png","discount":null,"orderNum":null},{"id":"1666066","name":"女式温暖羊毛内里懒人一脚蹬豆豆鞋","desc":"温暖羊毛内里，秋冬不臃肿","price":"329.00","picture":"https://yanxuan-item.nosdn.127.net/9bdf188e9c036e7b9e5e2e81daef524e.png","discount":null,"orderNum":null},{"id":"3441061","name":"女式羊反绒流苏装饰轻便乐福鞋","desc":"轻灵流苏，自由穿脱","price":"179.00","picture":"https://yanxuan-item.nosdn.127.net/18e583e27a7cd9f2fb25eca0507936db.png","discount":null,"orderNum":null},{"id":"3441064","name":"女式舒软牛皮乐福鞋","desc":"头层头皮，舒软清爽一整天","price":"215.00","picture":"https://yanxuan-item.nosdn.127.net/e99d5bb3a5bfe6a596b123e908b8b7ac.png","discount":null,"orderNum":null},{"id":"3459033","name":"清凉透气女式舒软轻弹健步鞋","desc":"清爽透气，享受每一步的轻盈","price":"123.00","picture":"https://yanxuan-item.nosdn.127.net/1f95d579952f425d840dc051dafb6156.jpg","discount":null,"orderNum":null},{"id":"3804045","name":"男式经典切尔西商务正装鞋","desc":"商务新经典，出众的脚感体验","price":"444.00","picture":"https://yanxuan-item.nosdn.127.net/94f800da40ffaf2633e1338a2cfbf54e.png","discount":null,"orderNum":null},{"id":"3811050","name":"无惧踩泥涉水，男式牛皮工装切尔西靴","desc":"商务精英的野心之选","price":"390.00","picture":"https://yanxuan-item.nosdn.127.net/bfb1b8d93a34205bfa9f2f8e64150b24.png","discount":null,"orderNum":null},{"id":"3828009","name":"女式柔软牛反绒休闲乐福鞋","desc":"轻松穿脱，畅想春日自由","price":"154.00","picture":"https://yanxuan-item.nosdn.127.net/8c22451f7841aaa07f4525e6c49ad098.png","discount":null,"orderNum":null},{"id":"3986732","name":"女式舒软懒人一脚蹬小白鞋","desc":"柔软舒适，一穿便知","price":"271.00","picture":"https://yanxuan-item.nosdn.127.net/8293e85d7c3e0bdcdaebeaad9ab668a2.png","discount":null,"orderNum":null}]},{"id":"1011000","name":"母婴","picture":"http://yjy-xiaotuxian-dev.oss-cn-beijing.aliyuncs.com/picture/2021-05-06/b514a526-4010-4ce8-8cb9-757ed382f84a.png","children":[{"id":"1020003","name":"T恤/polo/衬衫","picture":"https://yanxuan.nosdn.127.net/1f0089afcec911db7202fbcdae57d5f8.png?quality=95&imageView","children":null,"goods":null},{"id":"1091003","name":"卫衣/毛衫","picture":"https://yanxuan.nosdn.127.net/bf9f0a32c2b79c6d29de7d0843888b48.png?quality=95&imageView","children":null,"goods":null},{"id":"109243018","name":"外套/套装","picture":"https://yanxuan.nosdn.127.net/8a4be0d65d4a2f3ba36b3af8ee8d9414.png?quality=95&imageView","children":null,"goods":null},{"id":"109243021","name":"连体衣/礼盒","picture":"https://yanxuan.nosdn.127.net/773677cc0922628152a9b3cbd862426f.png?quality=95&imageView","children":null,"goods":null}],"goods":[{"id":"3504000","name":"儿童防污/防蚊T恤110cm","desc":"两款防污，两款防蚊","price":"79.00","picture":"https://yanxuan-item.nosdn.127.net/f899c55f36cb74232abb349234d9e676.png","discount":null,"orderNum":null},{"id":"3505001","name":"新生儿双层纱连体衣0-3岁","desc":"轻柔双层纱，前开襟连体哈衣","price":"69.00","picture":"https://yanxuan-item.nosdn.127.net/c898b10329bbffaa29ee448fcd3d8b29.png","discount":null,"orderNum":null},{"id":"3828087","name":"轻暖可收纳，儿童带帽轻薄羽绒服4-13岁","desc":"90%白鸭绒填充，110-160cm","price":"299.00","picture":"https://yanxuan-item.nosdn.127.net/ac6adfe88506f5fa533cbca2b1074d9f.png","discount":null,"orderNum":null},{"id":"3828090","name":"保暖轻盈，儿童羽绒马甲送收纳袋110-160cm","desc":"90%白鸭绒，110-160cm","price":"199.00","picture":"https://yanxuan-item.nosdn.127.net/2d1bd31bb617cdebad0ec600a23286d2.png","discount":null,"orderNum":null},{"id":"3986391","name":"云感柔暖，新生儿空气层爬服礼盒10件套0-6M","desc":"空气保暖夹层，拒绝厚重感","price":"328.00","picture":"https://yanxuan-item.nosdn.127.net/fc3b673f9b8cc12491827a8245b085c0.png","discount":null,"orderNum":null},{"id":"3987518","name":"出生满月礼，新生儿萌鸟爬服礼盒9件套0-6M","desc":"精美礼盒，送礼自用皆宜","price":"228.00","picture":"https://yanxuan-item.nosdn.127.net/15a536a708877e41a65cdbdd84cb06a2.png","discount":null,"orderNum":null},{"id":"3988717","name":"撞色更轻潮，儿童字母印花运动卫衣1-8岁","desc":"百搭活力多色，上身绚烂春天","price":"99.00","picture":"https://yanxuan-item.nosdn.127.net/36a61e53f87df040483d4871d872ec95.png","discount":null,"orderNum":null},{"id":"3988718","name":"运动轻潮风，儿童时尚撞色拼接卫衣90-140cm","desc":"撞色拼接，个性时尚，90-140cm","price":"109.00","picture":"https://yanxuan-item.nosdn.127.net/197aff066634639b3840290db25c2515.png","discount":null,"orderNum":null},{"id":"3988721","name":"小狐狸治愈童心，儿童卡通连帽卫衣1-5岁","desc":"精梳棉材质，柔软舒适","price":"129.00","picture":"https://yanxuan-item.nosdn.127.net/2cbc3af1e2be9b89c37838d9709a47ad.png","discount":null,"orderNum":null}]},{"id":"1013001","name":"个护","picture":"http://yjy-xiaotuxian-dev.oss-cn-beijing.aliyuncs.com/picture/2021-05-06/d38a73b8-cd03-48aa-a60b-e7c4e16667ed.png","children":[{"id":"1009000","name":"家庭清洁","picture":"https://yanxuan.nosdn.127.net/718318c0d3b55d011fcb7c7c843902ce.png?quality=95&imageView","children":null,"goods":null},{"id":"1020002","name":"浴室用品","picture":"https://yanxuan.nosdn.127.net/dfb6142de1bd2f59b251eb8f7c7ea2fb.png?quality=95&imageView","children":null,"goods":null},{"id":"109243016","name":"餐厨清洁","picture":"https://yanxuan.nosdn.127.net/55d927e337c1f6d394359e99ef72a621.png?quality=95&imageView","children":null,"goods":null},{"id":"109261055","name":"毛巾浴巾","picture":"https://yanxuan.nosdn.127.net/949c5f8b077cf386ff9f1f18bec3408b.png?quality=95&imageView","children":null,"goods":null}],"goods":[{"id":"1006029","name":"【新疆棉】宝宝也能用，全棉华夫格毛巾","desc":"空气华夫格，自然新疆棉","price":"19.90","picture":"https://yanxuan-item.nosdn.127.net/3480e3fa68b810f23afb43f6bf2fe45b.png","discount":null,"orderNum":null},{"id":"1006051","name":"【新疆棉】云珍·轻软旅行长绒棉毛巾","desc":"轻软亲肤，热销50万条","price":"32.00","picture":"https://yanxuan-item.nosdn.127.net/2a16452169f9d2e8841ddef76fdd684a.png","discount":null,"orderNum":null},{"id":"1006058","name":"干湿两用懒人抹布1卷50节","desc":"木浆吸水吸油，热销200万卷","price":"13.90","picture":"https://yanxuan-item.nosdn.127.net/b9d46625f648ae26aa84194e4810ab15.jpg","discount":null,"orderNum":null},{"id":"1009026","name":"【新疆棉】云珍·轻软长绒棉浴巾","desc":"云朵般轻软，至柔至软","price":"129.00","picture":"https://yanxuan-item.nosdn.127.net/28d303e95361921502dddd64dadd5cd4.png","discount":null,"orderNum":null},{"id":"1021000","name":"厚厚一按就干爽，埃及进口长绒棉毛巾","desc":"厚实大毛圈，干爽瞬吸","price":"19.90","picture":"https://yanxuan-item.nosdn.127.net/a5c5398a7c033edb8a052fe1fddf8a81.png","discount":null,"orderNum":null},{"id":"1031002","name":"一面百洁布一面多孔海绵，三层复合洗碗刷","desc":"起泡快，两面刷","price":"6.90","picture":"https://yanxuan-item.nosdn.127.net/6341041a76886655228ea3afeee5553d.png","discount":null,"orderNum":null},{"id":"1068005","name":"沥水清洁不费劲，双层壁挂肥皂架","desc":"带抽屉的多功能皂盒，双层壁挂不易滴漏！","price":"15.90","picture":"https://yanxuan-item.nosdn.127.net/10fa1c61a1bfd0b7e629a037fbc58649.jpg","discount":null,"orderNum":null},{"id":"1076003","name":"可替换头，蜂窝海绵洗杯刷","desc":"好洗快干，刷头可更换","price":"6.90","picture":"https://yanxuan-item.nosdn.127.net/b2a1f9e90f7e7a63227dc22ce52ea579.png","discount":null,"orderNum":null},{"id":"1076004","name":"软糯治愈系擦手，雪尼尔擦手球","desc":"吸水快干，不易掉屑","price":"14.90","picture":"https://yanxuan-item.nosdn.127.net/43d99e9b97cc55033b0f59b95a91ae49.png","discount":null,"orderNum":null}]},{"id":"1019000","name":"严选","picture":"http://yjy-xiaotuxian-dev.oss-cn-beijing.aliyuncs.com/picture/2021-05-06/4b02f01f-a365-4b6c-9f7a-8b0f591dda02.png","children":[{"id":"109256019","name":"卫浴用品","picture":"https://yanxuan.nosdn.127.net/00d79ce9acb7285b15f83c92940b557f.png?quality=95&imageView","children":null,"goods":null},{"id":"109256022","name":"高级珠宝","picture":"https://yanxuan.nosdn.127.net/b26d34d052d9c780d695bf4b601bfffc.png?quality=95&imageView","children":null,"goods":null},{"id":"109256023","name":"时尚配搭","picture":"https://yanxuan.nosdn.127.net/7daf27044470881e8839b46a262d958c.png?quality=95&imageView","children":null,"goods":null},{"id":"109275003","name":"数码电器","picture":"https://yanxuan.nosdn.127.net/c01b0f1075158c5a5eb1ff9a33347bb8.png?quality=95&imageView","children":null,"goods":null}],"goods":[{"id":"3384003","name":"意大利制造双面拼色毛衣2色可选","desc":"意大利gucci纱线原创设计","price":"999.00","picture":"https://yanxuan-item.nosdn.127.net/0d60499ef9d5629c5913398477374763.png","discount":null,"orderNum":null},{"id":"3419055","name":"比利时切工18K白金彩黄钻石项链","desc":"每产出10万颗钻石，才有1颗达到彩钻的标准","price":"2599.00","picture":"https://yanxuan-item.nosdn.127.net/cc1031ff540abbb8fee047a5887e93f2.png","discount":null,"orderNum":null},{"id":"3427018","name":"美好即刻呈现富士手机照片打印机miniLink","desc":"轻巧便携，高效出片","price":"72.00","picture":"https://yanxuan-item.nosdn.127.net/c6b55b6c00180b568c0dd9beabeebe01.png","discount":null,"orderNum":null},{"id":"3446012","name":"一锅包揽煎烤蒸煮日本爱丽思多功能料理锅","desc":"一锅包揽煎烤蒸煮","price":"69.00","picture":"https://yanxuan-item.nosdn.127.net/667dbc276e46e31b5a00869b9b1b8ef3.png","discount":null,"orderNum":null},{"id":"3447010","name":"自己在家煮火锅日本爱丽思电磁炉不粘锅","desc":"炖煮两用，在家吃火锅","price":"459.00","picture":"https://yanxuan-item.nosdn.127.net/0541a7ab61f3931d6bd2188ebba80039.jpg","discount":null,"orderNum":null},{"id":"3458028","name":"在家就能洗牙美国洁碧电动水牙线便携型","desc":"赠牙膏脉冲水流，随时随地清洁口腔","price":"79.00","picture":"https://yanxuan-item.nosdn.127.net/4c4ca084886c4f9eaf4cdbf9d7380b5c.jpg","discount":null,"orderNum":null},{"id":"3477024","name":"在家就能洗牙洁碧电动冲牙器水牙线家用型","desc":"每天1分钟，解决8大口腔问题","price":"79.00","picture":"https://yanxuan-item.nosdn.127.net/abf982bd51990bf1c54fa45051d8152f.png","discount":null,"orderNum":null},{"id":"3499012","name":"把春天戴身上不落之樱珍珠母贝樱花项链","desc":"永不凋谢的粉色樱花","price":"269.00","picture":"https://yanxuan-item.nosdn.127.net/5a534ba267f62997754c82fce0ed0355.jpg","discount":null,"orderNum":null},{"id":"3505029","name":"日本24k金三合一美容棒升级款","desc":"一机三头，提拉紧致去水肿","price":"425.00","picture":"https://yanxuan-item.nosdn.127.net/af7549f72b66b1660b513884d35acdd2.png","discount":null,"orderNum":null}]},{"id":"1043000","name":"数码","picture":"http://yjy-xiaotuxian-dev.oss-cn-beijing.aliyuncs.com/picture/2021-05-06/9660870d-6a59-4624-8064-b3a8cbf50d5c.png","children":[{"id":"1008006","name":"影音娱乐","picture":"https://yanxuan.nosdn.127.net/f5797ca77cfe413e7753ec69f9bd4bb1.png?quality=95&imageView","children":null,"goods":null},{"id":"1028001","name":"乐器","picture":"https://yanxuan.nosdn.127.net/da0ac345e98c04594b697b56ebc373a5.png?quality=95&imageView","children":null,"goods":null},{"id":"109243036","name":"车载用品","picture":"https://yanxuan.nosdn.127.net/3f45fbcdac7e8532b6a1570e6d7fe171.png?quality=95&imageView","children":null,"goods":null},{"id":"109243046","name":"办公文具","picture":"https://yanxuan.nosdn.127.net/801583d2f58274b13dc6a03daed1c3c9.png?quality=95&imageView","children":null,"goods":null}],"goods":[{"id":"1075011","name":"拉开抽屉不凌乱，磨砂抽屉整理盒套装","desc":"灵活组合，多场景适用","price":"49.00","picture":"https://yanxuan-item.nosdn.127.net/9382826c5a4bf31d7d1c827fec50e05b.png","discount":null,"orderNum":null},{"id":"1111002","name":"剪出精致感，金致圆柄复古剪刀","desc":"轻薄设计，简约大方","price":"9.90","picture":"https://yanxuan-item.nosdn.127.net/ade0ec4f0d2d56c723becb8002a69f75.png","discount":null,"orderNum":null},{"id":"1434006","name":"网易智造零感蓝牙耳机","desc":"超轻超小无感佩戴","price":"59.00","picture":"https://yanxuan-item.nosdn.127.net/c327b313314b9362ce9f49b253b0b61c.png","discount":null,"orderNum":null},{"id":"1458011","name":"谱写爱的篇章，莫扎特钢笔墨水礼盒","desc":"谱写爱的乐章","price":"109.00","picture":"https://yanxuan-item.nosdn.127.net/b20165617d2f901e9ad926f39b737e87.png","discount":null,"orderNum":null},{"id":"1512000","name":"用心记录每一句诗，飞鸟集钢笔本册文具礼盒","desc":"谱写情谊之歌","price":"159.00","picture":"https://yanxuan-item.nosdn.127.net/3892e311f3494d2bcc2c1f8ed9e34271.png","discount":null,"orderNum":null},{"id":"1542008","name":"儿童智能电子琴","desc":"宝宝的随身钢琴老师","price":"1699.00","picture":"https://yanxuan-item.nosdn.127.net/f3f5d66d3c2a8d4d6c839b6c227ed01b.png","discount":null,"orderNum":null},{"id":"1553040","name":"网易智造三合一磁吸车载支架","desc":"带有隐形安全锤和割刀的手机支架！新增香薰版本！","price":"9.90","picture":"https://yanxuan-item.nosdn.127.net/ddd4ec81168f21a6cb1c89183476fa4b.png","discount":null,"orderNum":null},{"id":"1587014","name":"车载记忆棉颈枕靠垫套装骑士黑","desc":"舒适承托，套装搭配","price":"249.00","picture":"https://yanxuan-item.nosdn.127.net/bb39c293a65f29ff8074a6e15135c691.png","discount":null,"orderNum":null},{"id":"1622006","name":"网易智造冷暖轻薄汽车坐垫","desc":"高速静音双风机设计|冷暖两用","price":"249.00","picture":"https://yanxuan-item.nosdn.127.net/e4cf5dc8a43d9d1336f4579ab8a72d70.png","discount":null,"orderNum":null}]},{"id":"109243029","name":"运动","picture":"http://yjy-xiaotuxian-dev.oss-cn-beijing.aliyuncs.com/picture/2021-05-06/7d19752c-baff-49b6-bd02-5ece1d729214.png","children":[{"id":"109295003","name":"登机箱","picture":"https://yanxuan.nosdn.127.net/2b1edfa6d05445de684b7df854895c0b.png?quality=95&imageView","children":null,"goods":null},{"id":"109295004","name":"托运箱","picture":"https://yanxuan.nosdn.127.net/cd44477ca9614ed81ffb58c5cacdab26.png?quality=95&imageView","children":null,"goods":null},{"id":"109295009","name":"出行配件","picture":"https://yanxuan.nosdn.127.net/141625f78404b8c81e431084a139b836.png?quality=95&imageView","children":null,"goods":null},{"id":"109297000","name":"户外运动鞋","picture":"https://yanxuan.nosdn.127.net/c6ff77bbb7d0f39622da300f6f5f5442.png?quality=95&imageView","children":null,"goods":null}],"goods":[{"id":"1006006","name":"日式多功能颈枕舒滑款","desc":"0.5mm微粒子，多重呵护颈椎","price":"69.00","picture":"https://yanxuan-item.nosdn.127.net/b697f27edef08eb9f1b143f76dcd0551.png","discount":null,"orderNum":null},{"id":"1027017","name":"切尔西女式短款雨靴","desc":"保护双脚，四季百搭","price":"108.00","picture":"https://yanxuan-item.nosdn.127.net/a7b3bf471e082e502e553995b7399283.png","discount":null,"orderNum":null},{"id":"1055023","name":"梭织布可折叠旅行收纳包","desc":"超轻无感，便携出行","price":"29.00","picture":"https://yanxuan-item.nosdn.127.net/035e777f4727f122a236eb85ea454a1c.png","discount":null,"orderNum":null},{"id":"1064017","name":"出行便携洗漱包","desc":"小巧体积，大容量收纳","price":"49.90","picture":"https://yanxuan-item.nosdn.127.net/6f7a6c3ccc8cd0b1fb8446db90099446.png","discount":null,"orderNum":null},{"id":"1085019","name":"经典爆品，携带登机，20寸纯PC铝框箱","desc":"轻巧登机箱，抗暴力冲撞","price":"269.00","picture":"https://yanxuan-item.nosdn.127.net/e11f26aaccefeb07e640a51ee100aadb.png","discount":null,"orderNum":null},{"id":"1113019","name":"小胖墩单手可拎20寸纯PC拉链拉杆箱","desc":"小巧女生可手提，51升轻松出行","price":"187.00","picture":"https://yanxuan-item.nosdn.127.net/a24be36ee78dc18bbbf52c42910b5f69.png","discount":null,"orderNum":null},{"id":"1151017","name":"便携多功能分类收纳盒","desc":"多格分类，小巧便携","price":"19.90","picture":"https://yanxuan-item.nosdn.127.net/9f00a244645060a5c67a66d62236006f.png","discount":null,"orderNum":null},{"id":"1156006","name":"陪伴你每一次出行，20寸全铝镁合金登机箱","desc":"铝镁合金，抗暴力冲撞","price":"639.00","picture":"https://yanxuan-item.nosdn.127.net/f3673ff93b75a9135d80b11f86ba0dd1.png","discount":null,"orderNum":null},{"id":"1242000","name":"严选经典蒸汽热敷眼罩10片/盒","desc":"给眼睛做个舒适的SPA","price":"49.00","picture":"https://yanxuan-item.nosdn.127.net/291d25493475684c324e9d3ca1f67325.png","discount":null,"orderNum":null}]},{"id":"19999999","name":"杂项","picture":"http://yjy-xiaotuxian-dev.oss-cn-beijing.aliyuncs.com/picture/2021-05-06/4ff20b9e-8150-4bd3-87a3-0cd6766938dd.png","children":[{"id":"19999999001","name":"乐器杂项","picture":"https://yanxuan.nosdn.127.net/da0ac345e98c04594b697b56ebc373a5.png?quality=95&imageView","children":null,"goods":null}],"goods":[{"id":"1542008","name":"儿童智能电子琴","desc":"宝宝的随身钢琴老师","price":"1699.00","picture":"https://yanxuan-item.nosdn.127.net/f3f5d66d3c2a8d4d6c839b6c227ed01b.png","discount":null,"orderNum":null},{"id":"1673031","name":"儿童88键电子智能钢琴","desc":"家庭学琴首选","price":"4999.00","picture":"https://yanxuan-item.nosdn.127.net/baf35ba7b1e444d16719fc5fd4f3233c.png","discount":null,"orderNum":null},{"id":"3458035","name":"混合全单初学者入门民谣木吉他","desc":"新型材质琴体音色稳定","price":"899.00","picture":"https://yanxuan-item.nosdn.127.net/73a9f37c20407482fc839f0ee0215cbc.png","discount":null,"orderNum":null},{"id":"3494003","name":"网易云音乐易系列尤克里里入门款23寸","desc":"网易云音乐定制胡桃木/桃花芯二色可选入门级合板琴23寸","price":"319.00","picture":"https://yanxuan-item.nosdn.127.net/669dba51e7d2cc697333b05ea407a1ed.png","discount":null,"orderNum":null},{"id":"3856000","name":"初学入门山羊皮8/10寸雕刻实木非洲鼓","desc":"充满异域风情的打击乐器非洲鼓，有着广泛的学习人群以及不俗的表现力度，是各种舞会晚会的常选乐器品种","price":"168.00","picture":"https://yanxuan-item.nosdn.127.net/e7eb0d897af1dd37cb1adb1b20a57fc1.jpg","discount":null,"orderNum":null},{"id":"3993375","name":"云音乐定制IN系列intar民谣木吉他","desc":"云音乐2020in系列全新设计intar民谣木吉他","price":"589.00","picture":"https://yanxuan-item.nosdn.127.net/4d825431a3587edb63cb165166f8fc76.jpg","discount":null,"orderNum":null}]}]}'
    const result = JSON.parse(str).result
    console.log(result)
    return { result }
  }
}
</script>

<style scoped lang='less'>
.app-header-nav {
  width: 820px;
  display: flex;
  justify-content: space-around;
  padding-left: 40px;
  position: relative;
  z-index: 998;
  > li {
    margin-right: 40px;
    width: 38px;
    text-align: center;
    > a {
      font-size: 16px;
      line-height: 32px;
      height: 32px;
      display: inline-block;
    }
    &:hover {
      > a {
        color: @xtxColor;
        border-bottom: 1px solid @xtxColor;
      }
      > .layer {
        height: 132px;
        opacity: 1;
      }
    }
  }
}
.layer {
  width: 1240px;
  background-color: #fff;
  position: absolute;
  left: -200px;
  top: 56px;
  height: 0;
  overflow: hidden;
  opacity: 0;
  box-shadow: 0 0 5px #ccc;
  transition: all 0.2s 0.1s;
  ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0 70px;
    align-items: center;
    height: 132px;
    li {
      width: 110px;
      text-align: center;
      img {
        width: 60px;
        height: 60px;
      }
      p {
        padding-top: 10px;
      }
      &:hover {
        p {
          color: @xtxColor;
        }
      }
    }
  }
}
</style>
